<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{chapter_name}}</title>
    <link rel="stylesheet" href="http://8.141.12.238:8083/css/chapter_read/style.css">
</head>

<body>
    <div class="reader">
        <div class="content">
            <div class="title">
                <div class="name">{{chapter_name}}</div>
            </div>
            <hr>
            <div class="text-box">
                <div class="text">
                    {{#chapter_text}}
                    <p>
                        <span>&nbsp;&nbsp;&nbsp;&nbsp;{{line}}</span>
                    </p>
                    {{/chapter_text}}
                </div>
            </div>
            <div class="change">
                <button class="button-change-previous" onclick="changePreviousChapter()">上一章</button>
                <button class="button-change-next" onclick="changeNextChapter()">下一章</button>
            </div>
        </div>
        <div class="setting">
            <div class="change-box" onclick="changeColor()">日间/夜间</div>
            <div class="change-box" onclick="changeFont('Helvetica, Arial, sans-serif')">黑体</div>
            <div class="change-box" onclick="changeFont('SimSun, \'Microsoft YaHei\', Arial, sans-serif')">宋体</div>
            <div class="change-box" onclick="changeFont('楷体, \'KaiTi\', cursive')">楷体</div>
        </div>
    </div>
    <script src="http://8.141.12.238:8083/js/chapter_read/script.js"></script>
</body>

</html>